<!DOCTYPE html>
<!-- saved from url=(0029)http://localhost:1444/pricing -->
<html lang="en" if="twitter-wjs"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>CloudBoost | Pricing and Plans</title>
    <!--<base href="/">--><base href=".">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="title" content="CloudBoost | Products">
    <meta name="description" content="CloudBoost Products. ">
    <meta name="keywords" content="pricing, baas, backend as a service, database as a service, hybrid database, cloudboost, search, realtime, storage, app storage, signup, cloudboost">
    <meta name="fragment" content="!">
    <!--common head links-->
    <meta name="author" content="CloudBoost">
<meta property="og:url" content="https://www.cloudboost.io">
<meta property="og:site_name" content="CloudBoost">
<meta property="og:title" content="CloudBoost.io | NoSQL Database as a Service - Storage, Search, Real-time with one API">
<meta property="og:description" content="CloudBoost is one complete Database Solution for your apps which does data-storage, search and realtime, graphs, time-series and much more.">
<meta property="og:image" content="https://cloudboost.io/images/cbfacebook.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="810">
<meta property="og:image:height" content="430">

<meta property="twitter:site" content="@cloudboostio">
<meta property="twitter:card" content="summary">
<meta property="twitter:title" content="CloudBoost | NoSQL Database as a service">
<meta property="twitter:description" content="CloudBoost is one complete Database Solution for your apps which does data-storage, search and realtime, graphs, time-series and much more.">
<meta property="twitter:image:src" content="https://cloudboost.io/images/cbfacebook.png">
<meta property="twitter:image:width" content="810">
<meta property="twitter:image:height" content="430">

<link rel="shortcut icon" href="http://localhost:1444/favicon.ico" type="image/x-icon">
<link rel="icon" href="http://localhost:1444/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://localhost:1444/images/icon.png">

        <!--<link rel="stylesheet" href="/js/owlcarousel/assets/owl.carousel.css"> -->
        <link rel="stylesheet" href="./CloudBoost _ Pricing and Plans_files/slick.css">
        <link rel="stylesheet" type="text/css" href="./CloudBoost _ Pricing and Plans_files/slick-theme.css">
        <link rel="stylesheet" type="text/css" href="./CloudBoost _ Pricing and Plans_files/lightslider.min.css">
        <link rel="stylesheet" type="text/css" href="./CloudBoost _ Pricing and Plans_files/pricing.css">
</head>

<body cz-shortcut-listen="true">

    <style>
        .billing-toggle {
            display: flex;
            justify-content: center;
            top: 1.25em;
            right: 0;
            margin-bottom: 2.25em;
        }

        .billing-toggle__switch-button.is-toggled {
            transform: translateX(1.15em);
        }

        .billing-toggle__switch-button {
            display: inline-block;
            width: 1em;
            height: 1em;
            margin: .125em;
            background: #fff;
            border-radius: 20px;
            transition: transform .4s cubic-bezier(.68, -.55, .27, 1.55);
        }

        .billing-toggle__label {
            font-size: .85em;
            font-weight: 500;
            color: #37404a;
            cursor: pointer;
            opacity: .5;
            user-select: none;
            transition: opacity .3s ease;
        }

        .billing-toggle__switch {
            width: 2.4em;
            height: 1.25em;
            margin: 0 .5em;
            background: #38404a;
            border-radius: 20px;
            cursor: pointer;
        }

        .is-annually .billing-toggle__label--annually,
        .is-monthly .billing-toggle__label--monthly {
            opacity: 1;
        }

        .billing-toggle__label {
            font-size: .85em;
            font-weight: 500;
            color: #37404a;
            cursor: pointer;
            opacity: .5;
            user-select: none;
            transition: opacity .3s ease;
        }

        .headline-pricing-bg {
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            background: #253340 url('../images/background/bg-header-2.webp') no-repeat 50% top;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }

        @media (min-width: 768px) {
            .pricing .container {
                padding-top: 50px !important;
            }
        }

        @media (width: 768px) {
            .pricing .container {
                padding-top: 75px !important;
            }
        }

        @media (max-width: 767px) {
            .pricing .container {
                padding-top: 0px !important;
            }
        }

        @media (max-width:501px) {
            .pricing-bucket.solo-horizontal-center {
                display: none !important;
            }
        }

        .newpricingbg {
            padding-top: 40px !important;
            padding-bottom: 90px;
            margin-top: 6px;
            margin-bottom: 3%;
        }

        .pricing-bucket-wrap {
            width: 100%;
        }

        .pricing-bucket {
            margin-top: 3.7%;
            margin-bottom: 2.5%;
        }

        .pricingbxz-exp {
            width: 200px;
            height: 410px;
        }

        .pricingbxz {
            width: 149px;
            height: 410px;
        }

        .pricingcap {
            height: 140px;
            width: 100%;
            background-color: #43576F;
            border-right: 1px solid #2A4563;
        }

        .pricingcap .name {
            width: 100%;
            padding-top: 6px;
            color: white;
        }

        .pricingcap .circlewrap {
            width: 100%;
        }

        .pricingbxz-exp .description {
            height: 32px;
            width: 100%;
            padding-left: 52px;
            color: #9AA7BA;
        }

        .pricingbxz .description {
            height: 32px;
            width: 100%;
            padding-left: 27px;
            color: #9AA7BA;
        }

        .pricingbxz .content-color {
            color: #5E6D77;
            position: relative;
            font-size: 16px;
        }

        .pricingbxz .description .content-color .dots {
            position: absolute;
            top: 10px;
            left: 1px;
            font-size: 10px;
        }

        #pricingchart-signup-btn {
            font-size: 16px !important;
            /*margin-left: 17%;*/
            margin: 10px 0;
        }

        .plans-container {
            max-width: 940px;
            margin: 0 auto;
            padding: 0 20px;
            color: #555;
        }

        .plans {
            display: flex;
            justify-content: center;
            align-items: stretch;
            position: relative;
            margin: .5em 0 2em;
            min-height: 370px;
            transition: all .5s ease;
        }

        .plan {
            display: flex;
            min-width: 250px;
            flex-direction: column;
            flex: 1 0;
            padding: 1.5rem 1.875rem 3rem;
            background: rgba(0, 0, 0, .05);
            border: 2px solid;
            border-radius: 5px;
            min-height: 0
        }

        .plan--core {
            color: #83bcda;
            background: rgba(136, 197, 199, .05);
        }

        .plan--pro {
            margin: 0 1.5em 0;
            color: #62a2c5;
            background: #f9fcfc;

        }

        .plan--proplus {
            margin: 0 1.5em 0;
            color: #2588bf;
            background: #f9fcfc;
            box-shadow: 0 0 16px 0 rgb(2, 150, 230);
        }

        .plan--enterprise {
            color: #e4b83a;
            background: rgba(228, 184, 58, .05)
        }

        .plan__title {
            font-size: 1.5rem;
            font-weight: 500
        }

        .plan__title--core {
            margin: 4rem 0 .5rem
        }

        .plan__title--pro {
            letter-spacing: .2rem;
            margin: .1rem 0 .5rem
        }

        .plan__title--proplus {
            letter-spacing: .2rem;
            margin: 1.3rem 0 .5rem
        }

        .plan__summary {
            font-size: 1.2rem;
            font-weight: 500
        }

        .plan__starting-from {
            height: 0;
            font-size: 1.2rem;
            margin: .7rem 0 -.7rem;
            color: #949494;
        }

        .plan__bonus-wrap {
            font-size: 1rem;
            margin: .6rem 0 1.4rem;
            transition: opacity .1s ease;
            color: #bbb
        }

        .plan-button--core {
            -webkit-appearance: none;
            width: 100%;
            border: none;
            border-radius: 3px;
            color: #fff;
            font-weight: 500;
            font-size: 1em;
            padding: .75em .65em;
            line-height: 1;
            background-color: #83bcda;
            display: block;
            text-align: center;
            transition: opacity .3s cubic-bezier(.68, -.55, .27, 1.55)
        }

        .plan-button--core:hover {
            opacity: .8;
            color: white;
            text-decoration: unset;
        }

        .plan-button--pro {
            -webkit-appearance: none;
            width: 100%;
            border: none;
            border-radius: 3px;
            color: #fff;
            font-weight: 500;
            font-size: 1em;
            padding: .75em .65em;
            line-height: 1;
            background-color: #62a2c5;
            display: block;
            text-align: center;
            transition: opacity .3s cubic-bezier(.68, -.55, .27, 1.55)
        }

        .plan-button--pro:hover {
            opacity: .8;
            color: white;
            text-decoration: unset;
        }

        .plan-button--proplus {
            -webkit-appearance: none;
            width: 100%;
            border: none;
            border-radius: 3px;
            color: #fff;
            font-weight: 500;
            font-size: 1em;
            padding: .75em .65em;
            line-height: 1;
            background-color: #2588bf;
            display: block;
            text-align: center;
            transition: opacity .3s cubic-bezier(.68, -.55, .27, 1.55)
        }

        .plan-button--proplus:hover {
            opacity: .8;
            color: white;
            text-decoration: unset;
        }

        .plan-button--enterprise {
            -webkit-appearance: none;
            width: 100%;
            border: none;
            border-radius: 3px;
            color: #fff;
            font-weight: 500;
            font-size: 1em;
            padding: .75em .65em;
            line-height: 1;
            background-color: #e4b83a;
            display: block;
            text-align: center;
            transition: opacity .3s cubic-bezier(.68, -.55, .27, 1.55)
        }

        .plan-button--enterprise:hover {
            opacity: .8;
            color: white;
            text-decoration: unset;
        }

        @media screen and (max-width:768px) {
            .plan__bonus-wrap {
                margin: 1rem 0 0
            }
        }

        .plan__yearly-bonus--pro {
            color: #7bbc90
        }

        .plan__yearly-bonus--proplus {
            color: #e4b83a
        }

        .plan__overview {
            color: #37404a;
            font-size: .9em;
            font-weight: 600;
            line-height: 1.8;
            margin: 0 0 1.5em
        }

        .plan__overview--core {
            margin-top: 2.7rem
        }

        @media (max-width:767px) {
            .plan__overview {
                margin: 1.5em 0 1em
            }
        }

        .plan__description {
            color: #37404a;
            font-size: .875em;
            line-height: 1.5;
            margin-bottom: 2.5em
        }

        .plan__link {
            font-weight: 700
        }

        .plan__link--core {
            color: #88c5c7
        }

        .plan__link--pro {
            color: #7bbc90
        }

        .plan__link--proplus {
            color: #e4b83a
        }

        .plan__cta {
            margin-top: auto;
            z-index: 2
        }

        @media (max-width:1050px) {
            .plans {
                display: block
            }
            .plans:after {
                display: none
            }
            .plan {
                margin: 40px 0;
                padding-bottom: 1.5em
            }
            .plan--core,
            .plan__title {
                margin-top: 0
            }
        }

        .plan-price {
            display: flex;
            align-items: flex-start;
            color: #37404a;
            padding: 2em 0 0;
            transition: opacity .15s ease
        }

        .plan-price__currency {
            font-size: 1.4em;
            font-weight: 300
        }

        .plan-price__amount {
            font-size: 3.2em;
            line-height: .9;
            margin: 0 .1em 0 .05em
        }

        .plan-price__period {
            display: flex;
            flex-direction: column;
            align-self: flex-end;
            margin-top: -.3em
        }

        .plan-price__is-annual {
            font-size: .75em;
            margin-bottom: .45em;
            opacity: .75
        }

        .plan-price__time {
            font-size: 1.4em
        }

        .plan-price.is-monthly .plan-price__is-annual {
            display: none
        }
    </style>

    <!--header-->
    <header id="header" class="header">
        <style>
    .productItems a,
    .moreDropdown a {
        padding: 0 !important;
        border: none !important;
    }

    .products dropdown-menu {
        position: relative;
        left: 130px;
    }

    .productItems a:hover,
    .moreDropdown a:hover {
        background: none !important;
    }

    .products dropdown-menu:after {

        left: 335px;
    }

    .products .dropdown-menu:before {

        left: 335px;
        border-bottom-color: #FFF !important;
    }

    .more dropdown-menu:after {

        left: 140px;
    }

    .more .dropdown-menu:before {

        left: 140px;
        border-bottom-color: #FFF !important;
    }

    .developers dropdown-menu:after {

        left: 140px;
    }

    .developers .dropdown-menu:before {

        left: 140px;
        border-bottom-color: #FFF !important;
    }

    .blue {
        background-color: #6772e5;
    }

    .lightBlue {
        background-color: #5399fc;
    }


    .lightBlueText {
        color: #5399fc;
    }

    #blue {
        color: #2962FF;
    }

    #lightBlue {
        color: #5399fc;
    }

   
    .products h4 {
        color: #6b7c93;
        font-size: 15px;
        font-weight: 500;
        margin-top: 5px;
    }

    .products h1 {
        font-family: 'Signika', sans-serif;
        font-weight: 600;
        font-size: 18px;
        margin: 0;
    }

    .circle-wrapper i {
        color: white;
    }

    .circle-wrapper {
        height: 50px;
        width: 50px;
        border-radius: 50%;

        display: -webkit-flex;
        display: -moz-flex;
        flex-flow: column wrap;
        -moz-flex-flow: column wrap;
        -webkit-flex-flow: column wrap;
        justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -moz-align-items: center;
        -webkit-align-items: center;
    }

    #circle-wrapper-big {
        height: 90px;
        width: 90px;
    }

    .small {
        height: 30px;
        width: 30px;
    }

    .caret {
        color: white;
    }

    .productIconHolder {
        padding-top: 5.2px;
    }

    .productDetails {
        padding-left: 50px;
    }

    .moreDropdown {

        color: #6772e5;
    }

    .moreDropdown h3 {
        font-size: 17px;
        margin: 0;
        padding-top: 5px;
        font-family: 'Signika', sans-serif;
        font-weight: 500;
    }

    .moreDropDownItem {
        margin-bottom: 15px;
    }

    .moreDropDownItem:hover {
        color: #0D47A1 !important;
    }

    .productLink:hover .circle-wrapper,
    .moreDropDownItem:hover .circle-wrapper {
        background: #0D47A1 !important;
    }

    .productLink:hover .productDetails>h1,
    .moreDropDownItem:hover .moreDropdown h3 {
        color: #0D47A1 !important;
    }

    .productLink:hover .productDetails>h4 {
        color: #000;
    }

    #blue:hover {
        color: #0D47A1 !important;
    }

    .fa-chevron-right {
        margin-left: 4px;
    }

    #blogLink {
        color: #2962FF !important;
        font-weight: 300;
        font-size: 15px;
    }

    #blogLink:hover {
        color: #0D47A1 !important;
        text-decoration: none;
    }

    .blogFeed li {
        margin-bottom: 5px;
    }

    .noPadding {
        padding: 0 !important;
    }

    .noPadding a {
        color: #2196F3 !important;
    }

    .dropdownSubHeading {
        margin-bottom: 5px !important;
        color: #2196F3 !important;
    }

    .moreDropdownPadding {
        padding-left: 30px !important;
    }

    @media only screen and (max-width: 1200px) {
        .productItems {
            left: -90px !important;
        }
        .products dropdown-menu:after {

            left: 130px;
        }
        .products .dropdown-menu:before {

            left: 130px;
            border-bottom-color: #FFF !important;
        }

        .productItems .col-sm-12:nth-child(1) {
            margin-bottom: 20px;
        }
    }
</style>
<div class="container">
    <h1 class="logo" id="logoContainer" style="margin-top:10px;">
        <a href="http://localhost:1444/">
            <span class="text">
                <img id="logoImg" src="./CloudBoost _ Pricing and Plans_files/CLoudBoostLogo-White-250.png" alt="CloudBoost">

            </span>
        </a>
    </h1>
    <!--//logo-->
    <nav class="main-nav navbar-right" role="navigation">
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!--//nav-toggle-->
        </div>
        <!--//navbar-header-->
        <div id="navbar-collapse" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li style="cursor:pointer; color:white" class="products nav-item linkHover-nrml cb-main-linkz dropdown dropdown-toggle" data-hover="dropdown" data-delay="0" data-close-others="false">

                    <a>Products</a>

                    <div class="dropdown-menu text-center productItems" style="width:48vw;left:-300px;padding:50px 30px 50px 30px;background:#FFF;">
                        <div class="story-container-inner">
                            <div class="about">
                                <div class="row">

                                    <div class="col-md-6 col-lg-6 col-xs-12 col-sm-12">
                                        <a href="https://tutorials.cloudboost.io/en/datastorage/objects" class="productLink">
                                            <div class="col-md-3 col-lg-3 col-xs-3 col-sm-3 productIconHolder">
                                                <div class="circle-wrapper lightBlue">
                                                    <i class="fa fa-database" style="font-size:20px;"></i>
                                                </div>
                                            </div>
                                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9 productDetails">
                                                <h1 class="lightBlueText">Data Storage</h1>
                                                <h4>Store any data on an infinite scale.</h4>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-6 col-lg-6 col-xs-12 col-sm-12">
                                        <a href="https://tutorials.cloudboost.io/en/datastorage/files" class="productLink">
                                            <div class="col-md-3 col-lg-3 col-xs-3 col-sm-3 productIconHolder">
                                                <div class="circle-wrapper lightBlue">
                                                    <i class="fa fa-file" style="font-size:20px;"></i>
                                                </div>
                                            </div>
                                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9 productDetails">
                                                <h1 class="lightBlueText">Files</h1>
                                                <h4>Store and stream files of any size.</h4>
                                            </div>
                                        </a>
                                    </div>

                                </div>
                                <div class="row">&nbsp;</div>
                                <div class="row">

                                    <div class="col-md-6 col-lg-6 col-xs-12 col-sm-12">
                                        <a href="https://tutorials.cloudboost.io/en/realtime/customnotifications" class="productLink">
                                            <div class="col-md-3 col-lg-3 col-xs-3 col-sm-3 productIconHolder">
                                                <div class="circle-wrapper lightBlue">
                                                    <i class="fa fa-clock-o" style="font-size:20px;"></i>
                                                </div>
                                            </div>
                                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9 productDetails">
                                                <h1 class="lightBlueText">Real Time</h1>
                                                <h4>Build realtime apps, effortlessly.</h4>
                                            </div>
                                        </a>
                                    </div>

                                    <div class="col-md-6 col-lg-6 col-xs-12 col-sm-12">
                                        <a href="https://tutorials.cloudboost.io/en/search/basicsearch" class="productLink">
                                            <div class="col-md-3 col-lg-3 col-xs-3 col-sm-3 productIconHolder">
                                                <div class="circle-wrapper lightBlue">
                                                    <i class="fa fa-search" style="font-size:20px;"></i>
                                                </div>
                                            </div>
                                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9 productDetails">
                                                <h1 class="lightBlueText">Search</h1>
                                                <h4>Search made powerful, fast and frictionless.</h4>
                                            </div>
                                        </a>
                                    </div>

                                </div>
                                <div class="row">&nbsp;</div>

                                <div class="row">

                                    <div class="col-md-6 col-lg-6 col-xs-12 col-sm-12">
                                        <a href="https://tutorials.cloudboost.io/en/security/users" class="productLink">
                                            <div class="col-md-3 col-lg-3 col-xs-3 col-sm-3 productIconHolder">
                                                <div class="circle-wrapper lightBlue">
                                                    <i class="fa fa-lock" style="font-size:20px;"></i>
                                                </div>
                                            </div>
                                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9 productDetails">
                                                <h1 class="lightBlueText">Auth</h1>
                                                <h4>Add authentication to your apps in minutes.</h4>
                                            </div>
                                        </a>
                                    </div>

                                </div>
                                <div class="row">&nbsp;</div>
                                <div class="row">


                                </div>
                              
                            </div>

                </div></div></li>


                <li style="cursor:pointer; color:white" class="nav-item dropdown linkHover-nrml cb-main-linkz developers">
                    <a class="dropdown-toggle moreItems" data-toggle="dropdown" data-hover="dropdown" data-delay="{&#39;hide&#39;:&#39;800&#39;,&#39;show&#39;:&#39;800&#39;}" data-close-others="false">Developers</a>
                    <div class="dropdown-menu moreDropdown" style="width:26vw;left:-100px;padding:20px 20px 10px 20px;background:#FFF;">

                        <div class="row moreDropDownItem">
                            <div class="col-md-2 col-lg-2 col-xs-3 col-sm-3">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-rocket fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9">
                                <a href="http://localhost:1444/quickstart">
                                    <h3 id="blue">Quickstart</h3>
                                </a>

                            </div>
                        </div>
                        <div class="row moreDropDownItem">
                            <div class="col-md-2 col-lg-2 col-xs-3 col-sm-3">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-book fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9">
                                <a href="https://tutorials.cloudboost.io/">
                                    <h3 id="blue">Documentation</h3>
                                </a>
                                <p id="blogLink">Integrate CloudBoost's products and tools.</p>
                                <div class="row">
                                    <div class="col-md-6 col-lg-6 col-sm-6">
                                        <h3 class="dropdownSubHeading">Get Started</h3>



                                        <div class="noPadding col-md-12 col-lg-12 col-sm-12">
                                            <a id="blogLink" href="https://tutorials.cloudboost.io/en/datastorage/objects">Objects</a>
                                        </div>
                                        <div class="noPadding col-md-12 col-lg-12 col-sm-12">
                                            <a id="blogLink" href="https://tutorials.cloudboost.io/en/query/basicqueries">Basic Queries</a>
                                        </div>
                                        <div class="noPadding col-md-12 col-lg-12 col-sm-12">
                                            <a id="blogLink" href="https://tutorials.cloudboost.io/datastorage/files">Files</a>
                                        </div>
                                        <div class="noPadding col-md-12 col-lg-12 col-sm-12">
                                            <a id="blogLink" href="https://tutorials.cloudboost.io/en/security/users">Users</a>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-lg-6 col-sm-6">
                                        <h3 class="dropdownSubHeading">Popular</h3>
                                        <div class="noPadding col-md-12 col-lg-12 col-sm-12">
                                            <a id="blogLink" href="https://tutorials.cloudboost.io/en/realtime/customnotifications">Real Time</a>
                                        </div>
                                        <div class="noPadding col-md-12 col-lg-12 col-sm-12">
                                            <a id="blogLink" href="https://tutorials.cloudboost.io/en/search/basicsearch">Search</a>
                                        </div>
                                        <div class="noPadding col-md-12 col-lg-12 col-sm-12">
                                            <a id="blogLink" href="https://tutorials.cloudboost.io/en/offlinesync/localstore">Offline Sync</a>
                                        </div>
                                        <div class="noPadding col-md-12 col-lg-12 col-sm-12">
                                            <a id="blogLink" href="https://tutorials.cloudboost.io/en/datastorage/relations">Relations</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row moreDropDownItem">
                            <div class="col-md-2 col-lg-2 col-xs-3 col-sm-3">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-code fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9">
                                <a href="https://docs.cloudboost.io/">
                                    <h3 id="blue">Full API Reference</h3>
                                </a>

                            </div>
                        </div>
                        <div class="row moreDropDownItem">
                            <div class="col-md-2 col-lg-2 col-xs-3 col-sm-3">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-line-chart fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9">
                                <a href="https://status.cloudboost.io/">
                                    <h3 id="blue">API Status</h3>
                                </a>

                            </div>
                        </div>
                        <div class="row moreDropDownItem">
                            <div class="col-md-2 col-lg-2 col-xs-3 col-sm-3">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-github fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9">
                                <a target="_blank" href="https://github.com/cloudboost/cloudboost">
                                    <h3 id="blue">Open Source</h3>
                                </a>

                            </div>
                        </div>



                    </div>
                </li>


                <li style="cursor:pointer; color:white" class="nav-item cb-main-linkz link-nrmlActive">
                    <a href="http://localhost:1444/pricing">Pricing</a>
                </li>

                <li style="cursor:pointer; color:white" class="nav-item dropdown linkHover-nrml cb-main-linkz developers">
                    <a class="dropdown-toggle moreItems" data-toggle="dropdown" data-hover="dropdown" data-delay="{&#39;hide&#39;:&#39;800&#39;,&#39;show&#39;:&#39;800&#39;}" data-close-others="false">Enterprise</a>
                    <div class="dropdown-menu moreDropdown" style="width:18vw;left:-100px;padding:20px 20px 20px 20px;background:#FFF;">
                        <div class="row moreDropDownItem">
                            <div class="col-md-2 col-lg-2 col-xs-3 col-sm-3">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-star fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9">
                                <a href="http://localhost:1444/enterprise">
                                    <h3 id="blue">Overview</h3>
                                </a>
                            </div>
                        </div>

                        <div class="row moreDropDownItem">
                            <div class="col-md-2 col-lg-2 col-xs-3 col-sm-3">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-bookmark fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9">
                                <a href="http://localhost:1444/enterprise/resources">
                                    <h3 id="blue">Resources</h3>
                                </a>

                            </div>
                        </div>
                        <div class="row moreDropDownItem">
                            <div class="col-md-2 col-lg-2 col-xs-3 col-sm-3">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-users fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9">
                                <a href="http://localhost:1444/consulting">
                                    <h3 id="blue">Consulting</h3>
                                </a>

                            </div>
                        </div>
                        <div class="row moreDropDownItem">
                            <div class="col-md-2 col-lg-2 col-xs-3 col-sm-3">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-cubes fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-9 col-sm-9">
                                <a href="http://localhost:1444/enterprise/demo">
                                    <h3 id="blue">Request a Demo</h3>
                                </a>

                            </div>
                        </div>



                    </div>
                </li>


                <li style="cursor:pointer; color:white" class="nav-item dropdown linkHover-nrml cb-main-linkz more">
                    <a class="dropdown-toggle moreItems" data-toggle="dropdown" data-hover="dropdown" data-delay="{&#39;hide&#39;:&#39;800&#39;,&#39;show&#39;:&#39;800&#39;}" data-close-others="false">Company</a>
                    <div class="dropdown-menu moreDropdown" style="width:25vw;left:-100px;padding:20px 20px 10px 20px;background:#FFF;">

                        <div class="row moreDropDownItem">
                            <div class="col-md-1 col-lg-1 col-xs-1 col-sm-1 ">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-slack fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-10 col-sm-10 moreDropdownPadding">
                                <a target="_blank" href="https://cloudboost.slack.com/">
                                    <h3 id="blue">Slack</h3>
                                </a>

                            </div>
                        </div>
                        <div class="row moreDropDownItem">
                            <div class="col-md-1 col-lg-1 col-xs-1 col-sm-1">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-info-circle fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-10 col-sm-10 moreDropdownPadding">
                                <a href="http://localhost:1444/about">
                                    <h3 id="blue">About us</h3>
                                </a>

                            </div>
                        </div>
                        <div class="row moreDropDownItem">
                            <div class="col-md-1 col-lg-1 col-xs-1 col-sm-1">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-users fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-10 col-sm-10 moreDropdownPadding">
                                <a href="http://localhost:1444/joinus">
                                    <h3 id="blue">Careers</h3>
                                </a>

                            </div>
                        </div>
                        <div class="row moreDropDownItem">
                            <div class="col-md-1 col-lg-1 col-xs-1 col-sm-1">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-question fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-10 col-sm-10 moreDropdownPadding">
                                <a href="http://localhost:1444/contact">
                                    <h3 id="blue">Help and Support</h3>
                                </a>

                            </div>
                        </div>
                        <div style="padding:15px 0 15px;height:parent;" class="row moreDropDownItem">
                            <div class="col-md-1 col-lg-1 col-xs-1 col-sm-1">
                                <div class="circle-wrapper small lightBlue">
                                    <i class="fa fa-pencil fa-x"></i>
                                </div>
                            </div>
                            <div class="col-md-9 col-lg-9 col-xs-10 col-sm-10 moreDropdownPadding">
                                <a href="https://blog.cloudboost.io/">
                                    <h3 id="blue">Blog</h3>
                                </a>
                                <ul style="padding:0;padding-top:10px;list-style-type:none;color:#6772e5;" class="blogFeed">

                                <li><a id="blogLink" href="https://blog.cloudboost.io/preparing-ubuntu-16-04-for-node-js-mongodb-applications-b1f7f81f5bf4?source=rss----6a01e77e393e---4">Preparing Ubuntu 16.04 for Node.js/MongoDB applications</a></li><li><a id="blogLink" href="https://blog.cloudboost.io/copy-export-a-cloud-firestore-database-388cde99259b?source=rss----6a01e77e393e---4">Copy/Export a Cloud Firestore Database</a></li><li><a id="blogLink" href="https://blog.cloudboost.io/a-concise-and-powerful-state-management-library-iflow-44de13953bfc?source=rss----6a01e77e393e---4">A concise and powerful state management library — iFlow</a></li></ul>
                            </div>
                        </div>
                    </div>
                </li>

                <li style="cursor:pointer; color:white" class="nav-item linkHover-nrml cb-main-linkz">
                    <a class="" href="https://accounts.cloudboost.io/">Login</a>
                </li>


                <li style="cursor:pointer; margin-top:16px;" class="nav-item  linkHover header-sign-up">
                    <a style="color: #BFE6FC;padding-top: 5px;padding-right: 8px;padding-left: 8px;padding-bottom: 5px;border-radius: 6px;" class="buttonBorder" href="https://accounts.cloudboost.io/signup" id="header-signupbtn">Sign up for free</a>
                </li>
            </ul>
            <!--//nav-->
            </div>
            <!--//navabr-collapse-->
    </nav>
    <!--//main-nav-->
    </div>
    <!--//container-->
    </header>

    <!--Content-->
    <!--********************************************************************************************-->


    <div class="headline-pricing-bg" style="height:400px;"></div>
    <!--//headline-bg-->

    <!-- ******Pricing Section****** -->
    <section class="pricing section section-on-bg newpricingbg">
        <div class="container" style="padding-top: 75px;">
            <center>
                <h1 style="color:white; font-size:44px;">
                    <span style="font-family: &#39;Signika&#39;, sans-serif; font-weight:700;font-size:50px">Try CloudBoost free for 30 days.</span>
                </h1>

                <div>
                    <h3 style="color:white; font-size:30px; -family: &#39;Signika&#39;, sans-serif; font-weight: 300; ">
                        <span style="color:#b1d8ec; font-family: &#39;Signika&#39;, sans-serif; font-weight: 300;">CloudBoost saves you months of time and development costs.</span>
                    </h3>
                </div>

            </center>
        </div>
    </section>

    <section class="plans-container">

        <div class="pricing-header__billing-cycle billing-toggle is-annually">
            <div class="billing-toggle__label billing-toggle__label--monthly">
                Monthly 
            </div>
            <div class="billing-toggle__switch">
                <div class="billing-toggle__switch-button is-toggled"></div>
            </div>
            <div class="billing-toggle__label billing-toggle__label--annually">
                Yearly (2 months for free) 
            </div>
        </div>

        <div class="plans">
            <!-- FREE -->
            <div class="plan plan--core">
                <h4 class="plan__title plan__title--proplus">BASIC</h4>
                <div class="plan__summary">Ideal for startups</div>
                <div class="plan__starting-from"></div>
                <div class="plan-price plan__plan-price" style="margin-top: 0.9em;">
                    <div class="plan-price__currency">$</div>
                    <div class="plan-price__amount" data-monthly="49" data-annually="30">
                        79 </div>
                    <div class="plan-price__period">
                        <div class="plan-price__time">/mo</div>
                        <div class="plan-price__is-annual">* Billed annually</div>
                    </div>
                </div>

                

                <div class="plan__overview plan__overview--pro">
                    <br> 50,000 Records
                    <br> 1 GB Storage
                    <br> 100,000 API Requests</div>
                <div class="plan__description"> Limited Support, 99.90% SLA.  
                   
                </div>

                <div class="plan__cta">
                    <a href="https://admin.typeform.com/account/hash/paymentpopup?force_demo=true" class="plan-button plan-button--pro">Try Free</a>
                </div>
            </div>

            <!-- PRO -->
            <div class="plan plan--pro">
                    <h4 class="plan__title plan__title--proplus">PRO</h4>
                <div class="plan__summary">More power for growing business</div>

                <div class="plan__starting-from"></div>
                <div class="plan-price plan__plan-price" style="margin-top: 0.9em;">
                    <div class="plan-price__currency">$</div>
                    <div class="plan-price__amount" data-monthly="35" data-annually="30">
                        249 </div>
                    <div class="plan-price__period">
                        <div class="plan-price__time">/mo</div>
                        <div class="plan-price__is-annual">* Billed annually</div>
                    </div>
                </div>

               

                <div class="plan__overview plan__overview--pro">
                        <br> 250,000 Records
                        <br> 10 GB Storage
                        <br> 1 Million API Requests</div>
                <div class="plan__description">Priorty Support, 1000+ Integrations, 99.95% SLA.
                    
                </div>

                <div class="plan__cta">
                    <a href="https://admin.typeform.com/account/hash/paymentpopup?force_demo=true" class="plan-button plan-button--pro">Try free</a>
                </div>
            </div>

            <!-- PRO  Plus-->
            <div class="plan plan--proplus" style="margin-left:0px;">
                <h4 class="plan__title plan__title--proplus">PRO+ (Most Popular)</h4>
                <div class="plan__summary">Our most popular &amp; reliable plan for corporates.</div>

                <div class="plan__starting-from"></div>
                <div class="plan-price plan__plan-price">
                    <div class="plan-price__currency">$</div>
                    <div class="plan-price__amount" data-monthly="199" data-annually="30">
                        599 </div>
                    <div class="plan-price__period">
                        <div class="plan-price__time">/mo</div>
                        <div class="plan-price__is-annual">* Billed annually</div>
                    </div>
                </div>

                <div class="plan__overview plan__overview--proplus">
                        <br> Unlimited Records
                        <br> 100 GB Storage
                        <br> 10 Million API Requests</div>
                <div class="plan__description"> 24/7 Support, Dedicated Clusters, 99.99% SLA.
                    
                </div>

                <div class="plan__cta">
                    <a href="https://admin.typeform.com/account/hash/paymentpopup?force_demo=true" class="plan-button plan-button--proplus">Try Free</a>
                </div>
            </div>

            <!-- ENTERPRISE -->
            <div class="plan plan--enterprise">
                <h4 class="plan__title plan__title--enterprise">ENTERPRISE</h4>
                <div class="plan__summary">Advanced features for large Enterprises.</div>

                <div class="plan__starting-from">Starting at</div>
                <div class="plan-price plan__plan-price">
                    <div class="plan-price__currency">
                        $ </div>
                    <div class="plan-price__amount " data-monthly="70" data-annually="59">
                        2500 </div>
                    <div class="plan-price__period">
                        <div class="plan-price__time">/mo</div>
                        <div class="plan-price__is-annual">* Billed annually</div>
                    </div>
                </div>

               

                <div class="plan__overview plan__overview--enterprise">
                        <br> Unlimited Records
                        <br> Unlimited Storage
                        <br> Unlimited API Requests</div>
                </div>
                <div class="plan__description">On-Premise Hosting, Dedicated clusters, Dedicated Account Executive, Company wide admin panel. 
                    <a href="http://localhost:1444/enterprise/overview" class="plan__link plan__link--proplus js-scroll-to-features">and more...</a>
                </div>
                <div class="plan__cta">
                    <a href="http://localhost:1444/enterprise/demo" class="plan-button plan-button--enterprise">Request Demo</a>
                </div>
            </div>
        

    </section>

    <section class="twittr-feed" style="margin-top:5%; padding-bottom:50px;">
        <!--head-->
        <div class="flex-general-column-wrapper-center" style="width:100%;padding:2px;">
            <div style="font-size:30px;font-family: &#39;Signika&#39;">
                <i class="fa fa-twitter" style="color:#5EA9DD;font-size:30px; font-weight:400"></i>&nbsp;Tiny love letters from our customers
            </div>
        </div>
        <!--content-->
        <div id="tweetwrapper cf" style="padding-top:12px;">

            <div class="tweetparent cf">
            </div>

        </div>
        <!--footer-->
        <div class="flex-general-column-wrapper-center" style="width:100%;padding-top:2px;padding-bottom:16px;margin-top:20px;">
            <div class="flex-general-column-wrapper-center" style="position:relative !important;width:100%;">
                <div class="flex-general-column-wrapper-center" style="cursor:pointer !important;z-index:99999;width:160px;width:100%;bottom:-20px;">
                    More at our
                    <a href="https://twitter.com/cloudboostlove" target="_blank" style="font-size:16px !important;cursor:pointer !important;">Wall of Love
                        <i class="fa fa-arrow-right"></i>
                    </a>
                </div>
            </div>

        </div>
    </section>

    <section class="trusted-by section why">
        <div class="container">
            <div class="row text-center">
                <h2 class="title text-center" style="font-size:30px">
                    Trusted by forward-thinking companies of all shapes and sizes.
                </h2>


                <div class="flex-general-column-wrapper-center comps-usingus-div" style="margin-top:60px;">
                    <div class="flex-general-row-wrapper comps-usingus-wrapper">
                        <div class="comps-usingus-bx" style="height: 31px;margin-top: -4px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/sony.jpg" style="height: 100%;" alt="Customers : Sony">
                        </div>
                        <div class="comps-usingus-bx" style="height: 22px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/bank-of-america.png" style="height: 100%;" alt="Customers : Bank of America">
                        </div>
                        <div class="comps-usingus-bx" style="height: 30px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/adobe.png" style="height: 100%;" alt="Customers : Adobe">
                        </div>
                        <div class="comps-usingus-bx" style="height: 30px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/fedex.png" style="height: 100%;" alt="Customers : FedEx">
                        </div>
                        <div class="comps-usingus-bx" style="height: 30px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/cocacola.png" style="height: 100%;" alt="Customers : CocaCola">
                        </div>
                    </div>
                </div>
                <div class="flex-general-column-wrapper-center comps-usingus-div" style="margin-top:40px;">
                    <div class="flex-general-row-wrapper comps-usingus-wrapper">
                        <div class="comps-usingus-bx" style="height: 50px;margin-top: -4px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/rr.png" style="height: 100%;" alt="Customers : RedRobins">
                        </div>
                        <div class="comps-usingus-bx" style="height: 50px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/us.png" style="height: 100%;" alt="Customers : UbiSoft">
                        </div>
                        <div class="comps-usingus-bx" style="height: 45px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/nyt.png" style="height: 100%;" alt="Customers : New York Times">
                        </div>
                        <div class="comps-usingus-bx" style="height: 45px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/hershey-logo.png" style="height: 80px;
            margin-top: -25px;" alt="Customers : Hersheys">
                        </div>
                        <div class="comps-usingus-bx" style="height: 45px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/hbo.jpg" style="height: 100%;" alt="Customers : HBO">
                        </div>
                    </div>
                </div>
                <div class="flex-general-column-wrapper-center comps-usingus-div" style="margin-top:40px;">
                    <div class="flex-general-row-wrapper comps-usingus-wrapper">
                        <div class="comps-usingus-bx" style="height: 50px;margin-top: -4px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/sk.png" style="height: 100%;" alt="Customers : Sk Telecom">
                        </div>
                        <div class="comps-usingus-bx" style="height: 50px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/kk.png" style="height: 100%;" alt="Customers : Kakao Bank">
                        </div>
                        <div class="comps-usingus-bx" style="height: 50px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/ms.png" style="height: 100%;" alt="Customers : Movistar">
                        </div>
                        <div class="comps-usingus-bx" style="height: 45px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/tf.png" style="height: 100%;" alt="Customers : Telefonica">
                        </div>
                        <div class="comps-usingus-bx" style="height: 45px;">
                            <img src="./CloudBoost _ Pricing and Plans_files/ss.png" style="height: 100%;" alt="Customers : Shake Shack">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="flex-general-column-wrapper-center" style="width:100%;padding-top:2px;padding-bottom:16px;margin-top:20px;margin-bottom:20px">
            <div class="flex-general-column-wrapper-center" style="position:relative !important;width:100%">
                <div class="flex-general-column-wrapper-center" style="cursor:pointer !important;z-index:99999;width:160px;width:100%;bottom:-20px">
                    <a href="http://localhost:1444/partners" target="_blank" style="font-size:16px !important;cursor:pointer !important">We also partner with agencies
                        <i class="fa fa-arrow-right"></i>
                    </a>
                </div>
            </div>
        </div>

    </section>

    <!-- ******FAQ Section****** -->
    <section class="faq section has-bg-color">
        <div class="container">
            <h2 class="title text-center">Frequently Asked Questions</h2>
            <div class="row">
                <div class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1 col-xs-offset-0">
                    <div class="panel">
                        <div class="panel-heading" id="dfaq1" style="cursor:pointer">
                            <h4 class="panel-title">
                                <a data-parent="#accordion" data-toggle="collapse" class="panel-toggle">
                                    <i class="fa fa-plus-square"></i>
                                    What is a "Database Connection"?</a>
                            </h4>
                        </div>

                        <div class="panel-collapse collapse" id="faq1">
                            <div class="panel-body">
                                <p>A database connection is a measure of the number of devices that are using your app's database
                                    simultaneously. This isn't the same as the total number of users of your app or visitors
                                    to your site. It's any open network connection to our database servers, including streaming
                                    REST API requests. All our plans have a hard limit on the number of database connections.
                                    Our Free and Prototype plans are limited to 100 .So did with launch plan to 500. The
                                    limit cannot be raised. The Unlimited plans have a courtesy limit of 10,000 database
                                    connections. This can be removed to permanently allow Unlimited connections if you email
                                    us at hello@cloudboost.io . The reason we impose this courtesy limit is to prevent abuse
                                    and to ensure that we are prepared to handle our largest customers. Please contact us
                                    at least 24 hours in advance so we can lift this limit and ensure we have enough capacity
                                    available for your needs.</p>
                            </div>
                        </div>
                    </div>
                    <!--//panel-->

                    <div class="panel">
                        <div class="panel-heading" id="dfaq2" style="cursor:pointer">
                            <h4 class="panel-title">
                                <a data-parent="#accordion" data-toggle="collapse" class="panel-toggle">
                                    <i class="fa fa-plus-square"></i>Can I see my detailed metrics? </a>
                            </h4>
                        </div>

                        <div class="panel-collapse collapse" id="faq2">
                            <div class="panel-body">

                                Yes. Log in to your dashboard and you can.
                            </div>
                        </div>
                    </div>
                    <!--//panel-->

                    <div class="panel">
                        <div class="panel-heading" id="dfaq3" style="cursor:pointer">
                            <h4 class="panel-title">
                                <a data-parent="#accordion" data-toggle="collapse" class="panel-toggle">
                                    <i class="fa fa-plus-square"></i>Do you provide a backup of my data? </a>
                            </h4>
                        </div>

                        <div class="panel-collapse collapse" id="faq3">
                            <div class="panel-body">

                                We automatically backup your data twice a day and replicate your data every single time you save to three availability zones
                                in 3 different data-centers across US, Europe and Asia. We also let you access your MongoDB
                                database natively so you can export your data anytime you like.
                            </div>
                        </div>
                    </div>
                    <!--//panel-->

                    <div class="panel">
                        <div class="panel-heading" id="dfaq4" style="cursor:pointer">
                            <h4 class="panel-title">
                                <a data-parent="#accordion" data-toggle="collapse" class="panel-toggle">
                                    <i class="fa fa-plus-square"></i>Where can I get CloudBoost Developers? </a>
                            </h4>
                        </div>

                        <div class="panel-collapse collapse" id="faq4">
                            <div class="panel-body">

                                Any developer can build apps on CloudBoost. We have SDK's launched on multiple languages. You can check them out
                                <a href="https://tutorials.cloudboost.io/">here.</a> We also have a consulting team who consults and builds your project for you. Feel
                                free to talk to us if you want to choose that route.
                            </div>
                        </div>
                    </div>
                    <!--//panel-->


                    <div class="panel">
                        <div class="panel-heading" id="dfaq5" style="cursor:pointer">
                            <h4 class="panel-title">
                                <a data-parent="#accordion" data-toggle="collapse" class="panel-toggle">
                                    <i class="fa fa-plus-square"></i>Do you have an SLA? </a>
                            </h4>
                        </div>

                        <div class="panel-collapse collapse" id="faq5">
                            <div class="panel-body">

                                Yes. We do. You can check it out
                                <a href="http://localhost:1444/service-level-agreement">here.</a>
                            </div>
                        </div>
                    </div>
                    <!--//panel-->

                    <div class="panel">
                        <div class="panel-heading" id="dfaq6" style="cursor:pointer">
                            <h4 class="panel-title">
                                <a data-parent="#accordion" data-toggle="collapse" class="panel-toggle">
                                    <i class="fa fa-plus-square"></i>What if I exceed my paid plan limits?</a>
                            </h4>
                        </div>

                        <div class="panel-collapse collapse" id="faq6">
                            <div class="panel-body">
                                We have a scale plan to suit you. If you're looking for an enterprise offering.
                                <a href="https://cloudboostio.typeform.com/to/Y4JOQD">
                                    Let us know. </a>
                            </div>
                        </div>
                    </div>

                    <div class="panel">
                        <div class="panel-heading" id="dfaq7" style="cursor:pointer">
                            <h4 class="panel-title">
                                <a data-parent="#accordion" data-toggle="collapse" class="panel-toggle">
                                    <i class="fa fa-plus-square"></i> What kind of support will I receive?</a>
                            </h4>
                        </div>

                        <div class="panel-collapse collapse" id="faq7">
                            <div class="panel-body">
                                All paid CloudBoost Accounts come with email and phone support from CloudBoost engineers. Additional levels of support, including
                                24x7 phone support, are available to Enterprise customers.
                            </div>
                        </div>
                    </div>
                    <!--//panel-->

                    <div class="panel">
                        <div class="panel-heading" id="dfaq8" style="cursor:pointer">
                            <h4 class="panel-title">
                                <a data-parent="#accordion" data-toggle="collapse" class="panel-toggle">
                                    <i class="fa fa-plus-square"></i>I like what you're doing and I want to join your team.</a>
                            </h4>
                        </div>

                        <div class="panel-collapse collapse" id="faq8">
                            <div class="panel-body">
                                We'd love to have you. Before you reach out :
                                <br> - We're passionate about building great products to wow our customers.
                                <br> - We're looking for people who believe they can change the world.
                                <br> - If you enjoy learning new things, and love working with like-minded people.
                                <br>
                                <br> If this sounds like you.
                                <a href="http://localhost:1444/joinus">Apply here.</a>
                            </div>
                        </div>
                    </div>
                    <!--//panel-->

                </div>
            </div>
            <!--//row-->
            <div class="contact-lead text-center">
                <h4 class="title">Have more questions?</h4>
                <a id="pricing-bottom-getintouch-btn" class="btn btn-cta btn-cta-primary" href="http://localhost:1444/contact">Get in touch</a>
            </div>
        </div>
        <!--//container-->
    </section>
    <!--//faq-->



    <section id="cta" class="section cta-section text-center home-cta-section">
        <div class="container letsbuildcontainer">
    <h4 class="title" style="margin: 0px;
    padding: 0px;
    font-size: 15px; font-weight:400;color:#b1d8ec;"><b>CONSULTING AND SOFTWARE DEVELOPMENT SERVICES</b></h4>
    <h2 class="title" style="margin:30px; font-family: &#39;Signika&#39;, sans-serif; font-weight:700;font-size:50px">Let's build something great.</h2>
    <p class="intro"> We also help the world’s leading companies and startups build amazing websites, apps and services that are simple, beautiful
        and easy to use.</p><br>
    <a id="home-footer-signup-btn" href="http://localhost:1444/consulting" class="whiteButton">
        &nbsp;&nbsp;See our work&nbsp;&nbsp;
    </a>
    <section class="container-wide" id="showcase-wide">
        <ul>
            <li>
                <a href="http://localhost:1444/consulting"><img style="height:300px" src="./CloudBoost _ Pricing and Plans_files/1-min.png" alt="portfolio"></a>
            </li>
            <li>
                <a href="http://localhost:1444/consulting"><img style="height:340px" src="./CloudBoost _ Pricing and Plans_files/2-min.png" alt="portfolio"></a>
            </li>
            <li>
                <a href="http://localhost:1444/consulting"><img src="./CloudBoost _ Pricing and Plans_files/3-min.png" alt="portfolio"></a>
            </li>
            <li>
                <a href="http://localhost:1444/consulting"><img style="height:352px" src="./CloudBoost _ Pricing and Plans_files/5-min.png" alt="portfolio"></a>
            </li>
            <li>
                <a href="http://localhost:1444/consulting"><img src="./CloudBoost _ Pricing and Plans_files/4-min.png" alt="portfolio"></a>
            </li>
        </ul>
    </section>
</div>
<style>
    .letsbuildcontainer {
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: -80px;
    }

    #showcase-wide {
        position: relative;
        float: left;
        overflow: hidden;
        margin-top: 100px;
        width: 100%;
        height: 340px;
    }

    #showcase-wide ul {
        position: relative;
        list-style-type: none;
    }

    #showcase-wide ul li {
        position: absolute;
        width: 478px;
        border-radius: 4px 4px 0 0;
        box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.22);
        -webkit-transition: margin 0.3s;
        transition: margin 0.3s;
    }

    #showcase-wide ul li img {
        max-width: 100%;
        border-radius: 3px;
    }

    #showcase-wide ul li:first-child {
        top: 40px;
        left: -12%;
        z-index: 8;
        width: auto !important;
    }

    #showcase-wide ul li:nth-child(2) {
        top: 80px;
        left: 7%;
        z-index: 9;
    }

    #showcase-wide ul li:nth-child(3) {
        top: 120px;
        left: 50%;
        z-index: 10;
        margin-left: -200px;
    }

    #showcase-wide ul li:nth-child(4) {
        top: 70px;
        right: 3%;
        z-index: 9;
    }

    #showcase-wide ul li:nth-child(5) {
        top: 20px;
        right: -20%;
        z-index: 8;
    }

    #showcase-wide ul li:hover {
        z-index: 100;
    }

    #showcase-wide ul li:first-child:hover {
        top: 40px;
        margin: 0px 0 0 40px;
    }

    #showcase-wide ul li:nth-child(2):hover {
        margin: 0px 0 0 10px;
    }

    #showcase-wide ul li:nth-child(3):hover {
        margin-top: -20px;
    }

    #showcase-wide ul li:nth-child(4):hover {
        margin-right: 10px;
    }

    #showcase-wide ul li:nth-child(5):hover {
        margin-right: 40px;
    }

    @media (min-width: 1575px) {
        #showcase-wide ul li:first-child {
            /*top: 0px;*/
            left: 0;
        }
        #showcase-wide ul li:nth-child(2) {
            /*top: 40px;*/
            left: 13%;
        }
        #showcase-wide ul li:nth-child(3) {
            top: 120px;
            left: 48%;
            margin-left: -200px;
        }
        #showcase-wide ul li:nth-child(4) {
            top: 70px;
            right: 18%;
        }
        #showcase-wide ul li:nth-child(5) {
            /*top: 0px;*/
            right: 0;
        }
    }

    @media (max-width: 770px) {
        #showcase-wide ul li:first-child {
            /*top: 0px; */
            left: -22%;
        }
        #showcase-wide ul li:nth-child(2) {
            top: 102px;
            left: -20%;
        }
        #showcase-wide ul li:nth-child(3) {
            top: 159px;
            left: 50%;
            margin-left: -200px;
        }
        #showcase-wide ul li:nth-child(4) {
            top: 70px;
            right: -20%;
        }
        #showcase-wide ul li:nth-child(5) {
            /*top: 0px; */
            right: -35%;
        }
    }

    @media (max-width: 425px) {
        #showcase-wide ul li img {
            width: 100% !important;
        }
        #showcase-wide ul li:first-child {
            top: 0px;
            left: 5%;
            right: 5%;
        }
        #showcase-wide ul li:nth-child(2) {
            top: 50px;
            left: 0;
            right: 0;
        }
        #showcase-wide ul li:nth-child(3) {
            top: 100px;
            left: 0;
            margin-left: 0;
        }
        #showcase-wide ul li:nth-child(4) {
            top: 150px;
            left: 0;
            right: 0;
            z-index: 10;
        }
        #showcase-wide ul li:nth-child(5) {
            top: 200px;
            left: 0;
            right: 0;
            z-index: 10;
        }
    }
</style>
    </section>

    <!--footer-->
    <footer class="footer">
        
<div class="footer-content">
    <div class="container">
        <div class="row">
            <div class="footer-col links col-md-2 col-sm-4 col-xs-12">
                <div class="footer-col-inner">
                    <h3 class="title">About us</h3>
                    <ul class="list-unstyled">
                        <li><a href="http://localhost:1444/about"><i class="fa fa-caret-right"></i>About us</a></li>
                        <li><a href="https://angel.co/cloudboost-io/jobs"><i class="fa fa-caret-right"></i>Join us</a></li>
                        <li><a href="http://localhost:1444/contact"><i class="fa fa-caret-right"></i>Contact us</a></li>
                        <li><a href="http://localhost:1444/investors"><i class="fa fa-caret-right"></i>Investors</a></li>
                    </ul>
                </div><!--//footer-col-inner-->
            </div><!--//foooter-col-->
            <div class="footer-col links col-md-2 col-sm-4 col-xs-12">
                <div class="footer-col-inner">
                    <h3 class="title">Support</h3>
                    <ul class="list-unstyled">
                        <li><a href="http://localhost:1444/contact"><i class="fa fa-caret-right"></i>Help</a></li>
                        <li><a href="http://status.cloudboost.io/" target="_blank"><i class="fa fa-caret-right"></i>Status</a></li>
                        <li><a href="http://localhost:1444/terms"><i class="fa fa-caret-right"></i>Terms of services</a></li>
                        <li><a href="http://localhost:1444/privacy"><i class="fa fa-caret-right"></i>Privacy Policy</a></li>
                        <li><a href="http://localhost:1444/service-level-agreement"><i class="fa fa-caret-right"></i>Service Level Agreement</a></li>
                    </ul>
                </div><!--//footer-col-inner-->
            </div><!--//foooter-col-->

            <div class="footer-col links col-md-2 col-sm-4 col-xs-12 sm-break">
                <div class="footer-col-inner">
                    <h3 class="title">Programs</h3>
                    <ul class="list-unstyled">
                        <li>
                            <a href="http://localhost:1444/experts"><i class="fa fa-caret-right"></i>Experts Program</a>
                        </li>
                        <li>
                            <a href="http://localhost:1444/partners"><i class="fa fa-caret-right"></i>Partners Program</a>
                        </li>
                    </ul>
                </div><!--//footer-col-inner-->
            </div><!--//foooter-col-->

            <div class="footer-col connect col-md-6 col-sm-12 col-xs-12">
                <div class="footer-col-inner">

                    <div class="form-container">
                        <p class="intro">Subscribe to our newsletter. We don't spam.</p>
                        <form class="signup-form navbar-form" name="footerSubscribeForm">
                            <div class="form-group">
                                <input id="subscribeInput" type="email" class="form-control" placeholder="Enter your email address" required="">
                                <button id="subscribeBtn" type="submit" class="btn btn-cta btn-cta-primary" style="margin-left:10px;height:40px;background-color:#4A6781;border-color:#4A6781">Subscribe Now</button>
                            </div>
                        </form>
                        <!--<i id="footerShowSpinner" class="fa fa-spinner fa-spin fa-lg"></i>-->
                        <p id="footerSubscribeResult"></p>
                        <p id="footerSubscribeErr"></p>
                    </div><!--//subscription-form-->
                </div><!--//footer-col-inner-->
            </div><!--//foooter-col-->
            <div class="clearfix"></div>
        </div><!--//row-->
        <div class="row has-divider">
            <div class="footer-col download col-md-6 col-sm-12 col-xs-12">
                <div class="footer-col-inner">
                    <h3 class="title">Work at CloudBoost</h3>
                    <ul class="list-unstyled download-list">
                        <li>
                            <p class="adr clearfix">
                                <span class="adr-group pull-left">
                                    <span class="region">CloudBoost is the product of <a style="color:white;text-decoration:underline" href="https://hackerbay.io/"> HackerBay, Inc.</a></span><br>
                                    <span class="street-address">Want to be a part of the team?</span><br>
                                </span>
                            </p>
                            </li>
                        <li><a type="_blank" class="btn btn-ghost" href="https://angel.co/cloudboost-io/jobs"><span class="text">Check out our open positions</span></a></li>
                    </ul>
                </div><!--//footer-col-inner-->

            </div><!--//download-->
            <div class="footer-col contact col-md-6 col-sm-12 col-xs-12">
                <div class="footer-col-inner">
                    <ul class="social list-inline">
                        <li><a href="https://twitter.com/cloudboostio" target="_blank"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="https://facebook.com/cloudboost.io" target="_blank"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="https://www.youtube.com/channel/UC513RAcmBiMB5W6eiTaOOGw" target="_blank"><i class="fa fa-youtube"></i></a></li>
                        <li><a href="https://github.com/cloudboost" target="_blank"><i class="fa fa-github"></i></a></li>
                        <li><a href="http://stackoverflow.com/questions/tagged/cloudboost" target="_blank"><i class="fa fa-stack-overflow"></i></a></li>
                        <li><a href="mailto:support@cloudboost.io" target="_blank"><i class="fa fa-envelope-o"></i></a></li>
                        <li class="github-star-button" style="vertical-align: middle;"><iframe allowtransparency="true" scrolling="no" frameborder="0" src="./CloudBoost _ Pricing and Plans_files/buttons.html" style="width: 94.5px; height: 20.5px; border: none;"></iframe></li>
                    </ul>

                    <a href="https://hackerbay.io/"><img style="margin-top:30px" height="60px" src="./CloudBoost _ Pricing and Plans_files/HackerBayLogoTransparent-black.svg" alt="HackerBay Software"></a>
                </div><!--//footer-col-inner-->
            </div><!--//contact-->
        </div>
    </div><!--//container-->
</div><!--//footer-content-->
<div class="bottom-bar">
    <div class="container">
        <small class="copyright">Copyright 2018 HackerBay, Inc.  </small>
        <small class="copyright pull-right">Crafted with <i class="ion ion-ios-heart" style="color:#b10000"></i> by people from all over the world.</small>
    </div><!--//container-->
</div><!--//bottom-bar-->

    </footer>

    <!--scripts-->
    <!-- Global CSS -->
<link rel="stylesheet" href="./CloudBoost _ Pricing and Plans_files/bootstrap.min.css">
<link rel="stylesheet" href="./CloudBoost _ Pricing and Plans_files/font-awesome.min.css">
<link href="./CloudBoost _ Pricing and Plans_files/css" rel="stylesheet" type="text/css">
<!-- CDNs -->
<link rel="stylesheet" href="./CloudBoost _ Pricing and Plans_files/flexslider.min.css">
<link rel="stylesheet" href="./CloudBoost _ Pricing and Plans_files/normalize.min.css">
<link rel="stylesheet" href="./CloudBoost _ Pricing and Plans_files/animate.min.css">
<link rel="stylesheet" href="./CloudBoost _ Pricing and Plans_files/ion.rangeSlider.min.css">
<link rel="stylesheet" href="./CloudBoost _ Pricing and Plans_files/ion.rangeSlider.skinFlat.min.css">
<link rel="stylesheet" href="./CloudBoost _ Pricing and Plans_files/ionicons.min.css">
<link id="theme-style" rel="stylesheet" href="./CloudBoost _ Pricing and Plans_files/styles.css">
<style type="text/css">
    .pace {
      -webkit-pointer-events: none;
      pointer-events: none;

      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
    }

    #editor {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }

    .pace-inactive {
      display: none;
    }

    .pace .pace-progress {
      background: #29d;
      position: fixed;
      z-index: 2000;
      top: 0;
      right: 100%;
      width: 100%;
      height: 2px;
    }
</style>

<!-- Javascript -->
<script type="text/javascript" async="" id="inspsync" src="./CloudBoost _ Pricing and Plans_files/inspectlet.js"></script><script type="text/javascript" async="" src="./CloudBoost _ Pricing and Plans_files/linkid.js"></script><script id="twitter-wjs" src="./CloudBoost _ Pricing and Plans_files/widgets.js"></script><script type="text/javascript" async="" src="./CloudBoost _ Pricing and Plans_files/amplitude-3.4.1-min.gz.js"></script><script type="text/javascript" async="" src="./CloudBoost _ Pricing and Plans_files/mixpanel-2-latest.min.js"></script><script async="" src="./CloudBoost _ Pricing and Plans_files/analytics.js"></script><script type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/app.js"></script>
<script type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/q.js"></script>
<script type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/jquery.min.js"></script>
<script type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/ion.rangeSlider.min.js"></script>
<script async="" type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/bootstrap-hover-dropdown.min.js"></script>
<script async="" src="./CloudBoost _ Pricing and Plans_files/highlight.min.js"></script>
<script async="" type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/bootstrap.min.js"></script>
<script async="" type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/scrollToView.min.js"></script>
<script async="" type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/jquery.poshytip.min.js"></script>
<script async="" type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/zebra_tooltips.js"></script>
<script async="" defer="" src="./CloudBoost _ Pricing and Plans_files/buttons.js"></script>
<script async="" defer="" type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/subscriberService.js"></script>

<script async="" defer="">
    (function (i, s, o, g, r, a, m) {
        i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
            (i[r].q = i[r].q || []).push(arguments)
        }, i[r].l = 1 * new Date(); a = s.createElement(o),
            m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

    ga('create', 'UA-54828183-1', 'auto');
    ga('require', 'linkid');
    ga('send', 'pageview');

</script>

<!-- Begin Inspectlet Embed Code -->
        <script type="text/javascript" id="inspectletjs" async="">
            window.__insp = window.__insp || [];
            __insp.push(['wid', 1782766540]);
            (function () {
                function __ldinsp() { var insp = document.createElement('script'); insp.type = 'text/javascript'; insp.async = true; insp.id = "inspsync"; insp.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://cdn.inspectlet.com/inspectlet.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(insp, x); }
                if (window.attachEvent) {
                    window.attachEvent('onload', __ldinsp);
                } else {
                    window.addEventListener('load', __ldinsp, false);
                }
            })();
        </script>
<!-- End Inspectlet Embed Code -->

<!-- start Mixpanel -->
<script type="text/javascript" async="">(function(f,b){if(!b.__SV){var a,e,i,g;window.mixpanel=b;b._i=[];b.init=function(a,e,d){function f(b,h){var a=h.split(".");2==a.length&&(b=b[a[0]],h=a[1]);b[h]=function(){b.push([h].concat(Array.prototype.slice.call(arguments,0)))}}var c=b;"undefined"!==typeof d?c=b[d]=[]:d="mixpanel";c.people=c.people||[];c.toString=function(b){var a="mixpanel";"mixpanel"!==d&&(a+="."+d);b||(a+=" (stub)");return a};c.people.toString=function(){return c.toString(1)+".people (stub)"};i="disable track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config people.set people.set_once people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
for(g=0;g<i.length;g++)f(c,i[g]);b._i.push([a,e,d])};b.__SV=1.2;a=f.createElement("script");a.type="text/javascript";a.async=!0;a.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";e=f.getElementsByTagName("script")[0];e.parentNode.insertBefore(a,e)}})(document,window.mixpanel||[]);
mixpanel.init("be05a4d590e8bc9d5f2cd6b3b3ffb78b");</script>
<!-- end Mixpanel -->
<!-- start amplitude -->
<script type="text/javascript">
  (function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script");r.type="text/javascript";
  r.async=true;r.src="https://d24n15hnbwhuhn.cloudfront.net/libs/amplitude-3.4.1-min.gz.js";
  r.onload=function(){if(e.amplitude.runQueuedFunctions){e.amplitude.runQueuedFunctions();
  }else{console.log("[Amplitude] Error: could not load SDK")}};var i=t.getElementsByTagName("script")[0];
  i.parentNode.insertBefore(r,i);function o(e,t){e.prototype[t]=function(){this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));
  return this}}var s=function(){this._q=[];return this};var a=["add","append","clearAll","prepend","set","setOnce","unset"];
  for(var u=0;u<a.length;u++){o(s,a[u])}n.Identify=s;var c=function(){this._q=[];return this;
  };var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"];
  for(var p=0;p<l.length;p++){o(c,l[p])}n.Revenue=c;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","logEventWithTimestamp","logEventWithGroups"];
  function v(e){function t(t){e[t]=function(){e._q.push([t].concat(Array.prototype.slice.call(arguments,0)));
  }}for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){e=(!e||e.length===0?"$default_instance":e).toLowerCase();
  if(!n._iq.hasOwnProperty(e)){n._iq[e]={_q:[]};v(n._iq[e])}return n._iq[e]};e.amplitude=n;
  })(window,document);
  amplitude.getInstance().init("2a7fdad9e21cca23f0d24ff05fe659a3");
</script>
<!-- end amplitude -->

<script>
$("#footerShowSpinner").hide();
$("#subscribeBtn").click(function(event){
    event.preventDefault();
    var email=$("#subscribeInput").val();

    if(email){
        $("#footerShowSpinner").show();
        $("#footerSubscribeResult").hide();
        $("#footerSubscribeErr").hide();


        addSubscriber(email)
        .then(function( message ) {
            $("#subscribeInput").val(null);
            $("#footerShowSpinner").hide();
            $("#footerSubscribeResult").text(message);
            $("#footerSubscribeResult").show();
        },function( status ) {
            $("#footerShowSpinner").hide();
            $("#footerSubscribeErr").text(status);
            $("#footerSubscribeErr").show();
        });

        if(!__isDevelopment){
          /****Tracking************/
           mixpanel.track('Footer Subscribe Button', {"Clicked":"Footer Subscribe Button"});
           amplitude.getInstance().logEvent('Footer Subscribe Button', {"Clicked":"Footer Subscribe Button"});

          /****End of Tracking*****/
        }
    }
});



$(document).ready(function(){
    $("#footerShowSpinner").hide();
    var currentUrl=window.location.href;
    var currentLink = currentUrl.split("/")[3].toLowerCase();

    $('.cb-main-linkz').each(function(){
        //var linkText=$(this).text().toLowerCase();
        var innerTag=$(this)[0].innerHTML;
        var linkText=$(innerTag).text().toLowerCase()

        if(linkText==currentLink){
            $(this).removeClass("linkHover-nrml");
            $(this).addClass("link-nrmlActive");
        }
    });
});
</script>
<script src="./CloudBoost _ Pricing and Plans_files/3119790308.js" async=""></script>
<script type="text/javascript">

    $("#home-footer-signup-btn").click(function(){
        if(!__isDevelopment){
          /****Tracking************/
           mixpanel.track('Footer Sign Up Button', {"Clicked":"Footer Sign Up Button"});
           amplitude.getInstance().logEvent('Footer Sign Up Button', {"Clicked":"Footer Sign Up Button"});
          /****End of Tracking*****/
        }
    });

</script>
<script async="">

    $(".dropdown").mouseenter(function(ev){
        ev.preventDefault();
        $(this).find(".dropdown-menu").fadeIn(300);
    });
    $(".dropdown").mouseleave(function(){
        $(this).find(".dropdown-menu").fadeOut(300);
    });

    $.get(window.location.origin + '/blogFeed',function(res){
      var xml = $.parseXML(res.body);
      $(xml).find('item').each(function(index) {
       if(index == 3)
        return false;
       var t = $(this);


       $(".blogFeed").append('<li><a id="blogLink" href="' + t.find('link').text() + '">' + t.find('title').text() + '</a></li>');
      });
    });

</script>

        <script type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/slick.js"></script>
        <script type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/pricingController.js"></script>
        <script>
            window.twttr = (function (d, s, id) {
                var js, fjs = d.getElementsByTagName(s)[0],
                    t = window.twttr || {};
                if (d.getElementById(id)) return t;
                js = d.createElement(s);
                js.id = id;
                js.src = "https://platform.twitter.com/widgets.js";
                fjs.parentNode.insertBefore(js, fjs);

                t._e = [];
                t.ready = function (f) {
                    t._e.push(f);
                };

                return t;
            }(document, "script", "twitter-wjs"));
        </script>
        <script type="text/javascript" src="./CloudBoost _ Pricing and Plans_files/widgets.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                new $.Zebra_Tooltips($('.expfeattip'), {
                    opacity: ".95",
                    position: "center",
                    content: false
                });

                $('.tweetparent').slick({
                    slidesToScroll: 1,
                    autoplay: true,
                    autoplaySpeed: 2000,
                    infinite: true,
                    centerMode: true,
                    slidesToShow: 3,
                    slidesPerRow: 1,
                    accessibility: false,
                    arrows: false,
                    initialSlide: 0,
                    respondTo: 'slider',
                    swipe: true,
                    swipeToSlide: true,
                    touchMove: true
                });
            });

            var tweertIds = [];
            $.get(window.location.origin + '/twitter/search', function (list, status) {
                if (status == "success") {

                    var promises = [];
                    for (var i = 0; i < list.twitterFeed.length; ++i) {

                        var tweetId = list.twitterFeed[i].id_str;

                        tweertIds.push(tweetId);
                        var tweetBxHtml = '<div class="tweetbody" tweetid="' + tweetId + '"></div>';

                        //$(".tweetparent").append(tweetBxHtml);
                        $(".tweetparent").slick('slickAdd', tweetBxHtml);

                    }

                    for (var i = 0; i < list.twitterFeed.length; ++i) {

                        var tweetId = list.twitterFeed[i].id_str;

                        tweertIds.push(tweetId);
                        var tweetBxHtml = '<div class="tweetbody" tweetid="' + tweetId + '"></div>';

                        //$(".tweetparent").append(tweetBxHtml);
                        $(".tweetparent").slick('slickAdd', tweetBxHtml);

                    }

                    var t = document.querySelectorAll(".tweetbody");
                    for (n = 0; n < t.length; n++) {
                        var attr = t[n];
                        var twittrId = attr.getAttribute("tweetid");

                        twttr.widgets.createTweet(
                            twittrId,
                            attr, {
                                align: 'left'
                            })
                    }

                    $(".tweetparent").slick('slickGoTo', true);


                } else {
                    console.log(status);
                }
            });
        </script>


<iframe scrolling="no" frameborder="0" allowtransparency="true" src="./CloudBoost _ Pricing and Plans_files/widget_iframe.36c0c29c73929bf937f4c70adb1a29e4.html" style="display: none;"></iframe><iframe id="rufous-sandbox" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" style="position: absolute; visibility: hidden; display: none; width: 0px; height: 0px; padding: 0px; border: none;" title="Twitter analytics iframe" src="./CloudBoost _ Pricing and Plans_files/saved_resource.html"></iframe><span id="buffer-extension-hover-button" style="display: none; position: absolute; z-index: 8675309; width: 100px; height: 25px; background-image: url(&quot;chrome-extension://noojglkidnpfjbincgijbaiedldjfbhh/data/shared/img/buffer-hover-icon@2x.png&quot;); background-size: 100px 25px; opacity: 0.9; cursor: pointer;"></span></body></html>